<!DOCTYPE html>
<html>
<head>
    <title></title>
    <#include "/header.html">
    <!-- 文件上传 -->
    <link rel="stylesheet" href="${request.contextPath}/statics/plugins/oss/style.css">
    <script type="text/javascript" src="${request.contextPath}/statics/plugins/oss/js/plupload.full.min.js"></script>
    <script type="text/javascript" src="${request.contextPath}/statics/plugins/oss/ziyun_library.js"></script>

    <!-- 图片预览 -->
    <link rel="stylesheet" href="${request.contextPath}/statics/plugins/viewer/viewer.min.css">
    <script src="${request.contextPath}/statics/plugins/viewer/viewer.min.js"></script>
</head>
<style>
    #rrapp{
        /* 数字字符串换行 */
        word-break:break-all;
        overflow-x: hidden;
    }
    #rrapp .panel span{
        vertical-align: sub;
        color: gray;
        font-size: 14px;
    }
    #rrapp .el-cascader{
        width: 100%;
    }
    a:link,a:visited{
        text-decoration:none;
    }
</style>
<body>
<div id="rrapp" v-cloak>
    <!--查询start-->
    <div v-show="showList" v-cloak v-loading="loading" element-loading-text="正在初始化...">
        <div class="grid-btn">
            <form class="form-inline" role="form">

                <a class="btn btn-default btn-sm" @click="reset"><i class="fa fa-refresh"></i></a>

                <div class="form-group">
                    <input type="text" class="form-control input-sm" v-model="q.sellerName" @keyup.enter="query" placeholder="商户名">
                </div>&nbsp;&nbsp;&nbsp;

                <div class="form-group">
                    <input type="text" class="form-control input-sm" v-model="q.sellerId" @keyup.enter="query" placeholder="商户ID">
                </div>&nbsp;&nbsp;&nbsp;

                <div class="form-group">
                    <input type="text" class="form-control input-sm" v-model="q.salesman" @keyup.enter="query" placeholder="业务员">
                </div>&nbsp;&nbsp;&nbsp;

                <div class="form-group">
                    <input type="text" class="form-control input-sm" v-model="q.area" @keyup.enter="query" placeholder="地区">
                </div>&nbsp;&nbsp;&nbsp;

                <div class="form-group">
                    <input type="text" class="form-control input-sm" v-model="q.sellerQq" @keyup.enter="query" placeholder="QQ">
                </div>&nbsp;&nbsp;&nbsp;

                <div class="form-group">
                    <input type="text" class="form-control input-sm" v-model="q.sellerMobile" @keyup.enter="query" placeholder="手机号">
                </div>&nbsp;&nbsp;&nbsp;

                <div class="form-group">
                    <select class="form-control input-sm" v-model="q.sellerState" @keyup.enter="query">
                        <option value="">审核状态</option>
                        <option value="1">新商户</option>
                        <option value="2">未通过</option>
                        <option value="3">已审核</option>
                    </select>
                </div>&nbsp;&nbsp;&nbsp;

                <div class="form-group">
                    <select class="form-control input-sm" v-model="q.auditName" @keyup.enter="query">
                        <option value="">审核人</option>
                        <option :value="item.userid" v-for="item in auditNames">{{item.username}}</option>
                    </select>
                </div>&nbsp;&nbsp;&nbsp;

                <div class="form-group">
                    <select class="form-control input-sm" v-model="q.sellerType" @keyup.enter="query">
                        <option value="">商户类型</option>
                        <option :value="item.value" v-for="item in sellerTypeEnum">{{item.describe}}</option>
                    </select>
                </div>&nbsp;&nbsp;&nbsp;

                <div class="form-group">
                    <select class="form-control input-sm" v-model="q.display" @keyup.enter="query">
                        <option value="">前端状态</option>
                        <option value="1">显示</option>
                        <option value="0">不显示</option>
                    </select>
                </div>&nbsp;&nbsp;&nbsp;

                <div class="form-group">
                    <input class="form-control input-sm" v-model="q.beginCreatetime" style="width: 120px;" @keyup.enter="query" @click = "checkBeginDate" placeholder="开始时间"/>
                    至
                    <input class="form-control input-sm" v-model="q.endCreatetime" style="width: 120px;"@keyup.enter="query" @click = "checkEndDate" placeholder="结束时间"/>
                </div>&nbsp;&nbsp;&nbsp;

                <a class="btn btn-default btn-sm"  @click="query"><i class="fa fa-search"></i>&nbsp;查询</a>

                <#if shiro.hasPermission("supp:sellerinfo:copyGoodsBatchAll")>
                    <a class="btn btn-default btn-sm"  @click="copyGoodsVisible = true;"><i class="fa fa-search"></i>&nbsp;批量初始化</a>
                    <a class="btn btn-default btn-sm"  @click="copyGoodsBatchAll"><i class="fa fa-search"></i>&nbsp;全部初始化</a>
                </#if>

            <!-- 查询 end -->
            </form>
        </div>
        <!-- 列表数据 start -->
        <table id="jqGrid"></table>
        <div id="jqGridPager"></div>
        <!-- 列表数据 end -->
    </div>
    <!--查询end-->

    <!-- 编辑 start -->
    <div v-show="showListUpdate">

        <!-- 操作 start -->
        <div class="panel-default" style="display: block;margin-bottom: 10px;" align="center">
            <!-- 审核 -->
            <div style="padding: 5px 0;" class="container">
                <div class="row">
                    <div class="col-md-4 col-md-offset-4">
                        <el-button size="small" class="pull-left" style="width: 100px;" @click="reload">取消</el-button>
                         <el-button v-if="sellerInfo.mainStoreId > 0 && sellerInfo.sellerState == '3'" type="primary" size="small" style="width: 100px;" @click="mainStoreShow">设置总店</el-button>
                        <el-button type="primary" size="small" class="pull-right" style="width: 100px;" @click="saveOrUpdate">保存</el-button>
                    </div>
                </div>
            </div>
        </div>
        <!-- 操作 end -->

        <!-- 主要信息 start -->
        <div class="panel panel-default">
            <div class="panel-heading">主要信息</div>
            <div class="panel-body">
                <div class="container">
                    <div class="row">
                        <div class="col-md-6">
                            <form class="form-horizontal">
                                <div class="form-group">
                                    <div class="col-md-3 control-label"><span style="color: red">*&nbsp;</span>公司名称：</div>
                                    <div class="col-md-9">
                                        <input type="text" class="form-control" v-model.trim="sellerInfo.sellerName" :disabled="sellerInfo.sellerState == 3" placeholder="请输入公司名称"/>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="col-md-3 control-label"><span style="color: red">*&nbsp;</span>门头照名称：</div>
                                    <div class="col-md-9">
                                        <input type="text" class="form-control" v-model.trim="sellerInfo.doorheadName" placeholder="请输入门头照名称"/>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="col-md-3 control-label"><span style="color: red">*&nbsp;</span>联系人：</div>
                                    <div class="col-md-9">
                                        <input type="text" class="form-control" v-model.trim="sellerInfo.name" placeholder="请输入联系人"/>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="col-md-3 control-label"><span style="color: red">*&nbsp;</span>手机号码：</div>
                                    <div class="col-md-9">
                                        <input type="text" class="form-control" v-model.trim="sellerInfo.sellerMobile" placeholder="请输入手机号码"/>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="col-md-3 control-label"><span style="color: red">*&nbsp;</span>QQ号：</div>
                                    <div class="col-md-9">
                                        <input type="text" class="form-control" v-model.trim="sellerInfo.sellerQq" placeholder="请输入QQ号"/>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="col-md-3 control-label"><span style="color: red">*&nbsp;</span>邮箱：</div>
                                    <div class="col-md-9">
                                        <input type="text" class="form-control" v-model.trim="sellerInfo.sellerEmail" placeholder="请输入邮箱"/>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="col-md-3 control-label"><span style="color: red">*&nbsp;</span>公司地址：</div>
                                    <div class="col-md-9">
                                        <el-cascader size="medium" placeholder="试试搜索：武汉市" v-model="areaCascader" :options="options" filterable @change="handleItemChange"></el-cascader>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="col-md-3 control-label"><span style="color: red">*&nbsp;</span>详细地址：</div>
                                    <div class="col-md-9">
                                        <input type="text" class="form-control" v-model.trim="sellerInfo.addr" placeholder="请输入详细地址"/>
                                    </div>
                                </div>
                                <div class="form-group form-inline">
                                    <div class="col-md-3 control-label"><span style="color: red">*&nbsp;</span>经纬度：</div>
                                    <div class="col-md-9">
                                        <input type="text" class="form-control" style="width: 35%" v-model.trim="sellerInfo.longitude" placeholder="经度"/>
                                        &nbsp;&nbsp;
                                        <input type="text" class="form-control" style="width: 35%" v-model.trim="sellerInfo.latitude" placeholder="纬度"/>
                                        &nbsp;&nbsp;
                                        <a class="btn btn-info btn-sm" @click="generateLongLat">自动生成</a>
                                    </div>
                                </div>
                            </form>
                        </div>
                        <div class="col-md-6" id="updateViewer">
                            <form class="form-horizontal">
                                <div class="form-group">
                                    <div class="col-md-3 control-label"><span style="color: red">*&nbsp;</span>门头照：</div>
                                    <div class="col-md-4">
                                        <div class="thumbnail">
                                            <template v-if="typeof sellerInfo.logoUrlAddr != 'undefined' && !isBlank(sellerInfo.logoUrlAddr)">
                                                <img id="image1" :src="window.parent.vm.ossHost + sellerInfo.logoUrlAddr">
                                            </template>
                                            <template v-else>
                                                <img src="/statics/img/logo/logo.jpg">
                                            </template>
                                        </div>
                                        <div class="caption">
                                            <p>
                                                <a class="btn btn-info btn-sm" id="upload1">点击上传</a>
                                            </p>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="col-md-3 control-label"><span style="color: red">*&nbsp;</span>营业执照：</div>
                                    <div class="col-md-4">
                                        <div class="thumbnail">
                                            <template v-if="typeof sellerInfo.businessUrlAddr != 'undefined' && !isBlank(sellerInfo.businessUrlAddr)">
                                                <img id="image2" :src="window.parent.vm.ossHost + sellerInfo.businessUrlAddr">
                                            </template>
                                            <template v-else>
                                                <img src="/statics/img/logo/logo.jpg">
                                            </template>
                                        </div>
                                        <div class="caption">
                                            <p>
                                                <a class="btn btn-info btn-sm" id="upload2">点击上传</a>
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 主要信息 end -->

        <!-- 其他信息 start-->
        <div class="panel panel-default">
            <div class="panel-heading">其他信息</div>
            <div class="box-body" style="display: block;">
                <div class="container">
                    <div class="row">
                    <div class="col-md-6">
                        <form class="form-horizontal">
                            <div class="form-group">
                                <div class="col-md-3 control-label">所属类别：</div>
                                <div class="col-md-9">
                                    <select v-model="sellerInfo.operateType" class="form-control">
                                        <option value="商务印刷">商务印刷</option>
                                        <option value="包装印刷">包装印刷</option>
                                        <option value="广告标识">广告标识</option>
                                        <option value="办公物料">办公物料</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-md-3 control-label">门店座机：</div>
                                <div class="col-md-9">
                                    <input type="text" class="form-control" v-model.trim="sellerInfo.sellerTel"/>
                                </div>
                            </div>

                            <div class="form-group">
                                <div class="col-xs-3 control-label">业务员：</div>
                                <div class="col-md-9">
                                    <input type="text" class="form-control" v-model.trim="sellerInfo.salesman"/>
                                </div>
                            </div>

                            <div class="form-group">
                                <div class="col-md-3 control-label">业务员电话：</div>
                                <div class="col-md-9">
                                    <input type="text" class="form-control" v-model.trim="sellerInfo.salesmanMobile"/>
                                </div>
                            </div>

                            <div class="form-group">
                                <div class="col-md-3 control-label">月交易规模：</div>
                                <div class="col-md-9">
                                    <input type="text" class="form-control" v-model.trim="sellerInfo.monthlyTradingScale" placeholder="请输入每个月的交易额（单位：W）"/>
                                </div>
                            </div>

                            <div class="form-group">
                                <div class="col-md-3 control-label">支持服务：</div>
                                <div class="col-md-9">
                                    <el-checkbox-group v-model="supportServiceArr">
                                        <el-checkbox label="1">货到付款</el-checkbox>
                                        <el-checkbox label="2">在线支付</el-checkbox>
                                    </el-checkbox-group>
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="col-md-6">
                        <form class="form-horizontal">
                            <div class="form-group">
                                <div class="col-md-3 control-label">店铺描述：</div>
                                <div class="col-md-9">
                                    <textarea class="form-control" rows="5" v-model="sellerInfo.description" placeholder="请描述店铺大概情况"></textarea>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-md-3 control-label">经营业务：</div>
                                <div class="col-md-9">
                                    <textarea class="form-control" rows="5" v-model="sellerInfo.brief" placeholder="请描述店铺经营业务"></textarea>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                </div>
            </div>
        </div>
        <!-- 其他信息 end-->

        <!-- 商户图片 start -->
        <div class="panel panel-default">
            <div class="panel-heading">
                商户图册 （ 提示：上传图片不多于三张 ）
                <a class="btn btn-info btn-sm" id="upload3">点击上传</a>
            </div>
            <div class="box-body" style="display: block;">
                <div class="container">
                    <div class="row">
                        <div class="col-md-3 text-center" style="margin-top: 10px;" v-for="item in sellerImageUrlArr">
                            <template v-if="typeof item.imageUrl != 'undefined' && !isBlank(item.imageUrl)">
                                <img :src="window.parent.vm.ossHost + item.imageUrl + '?x-oss-process=image/resize,m_fixed,h_120,w_120'">
                            </template>
                            <template v-else>
                                <img src="/statics/img/logo/logo_s.jpg">
                            </template>
                            <p style="margin-top: 5px;"><a href="javascript:;" style="color: red" @click="removeSellerImage(item.id)">删除</a></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 商户图片 end -->

        <!-- 连锁店铺门店 start -->
        <div class="panel panel-default" v-if="mainStores != ''">
            <div class="panel-heading">连锁店铺门店</div>
            <div class="box-body">
                <br/>
                <div class="container">
                    <div class="row" id="updateStoresViewer">
                        <div class="col-md-3 text-center" v-for="(store, index) in mainStores">
                            <div class="thumbnail">
                                <template v-if="typeof store.logoUrlAddr != 'undefined' && !isBlank(store.logoUrlAddr)">
                                    <img :src="window.parent.vm.ossHost + store.logoUrlAddr + '?x-oss-process=image/resize,h_120'">
                                </template>
                                <template v-else>
                                    <img src="/statics/img/logo/logo_s.jpg">
                                </template>
                                <div class="caption" style="height: 90px;">
                                    <h5 :class="{'text-primary':store.sellerName == sellerInfo.sellerName}">{{store.sellerName}}</h5>
                                    <p v-if="index == 0">
                                        <span>总店</span>
                                    </p>
                                    <p v-else>
                                        <span>分店{{index}}</span>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 连锁店铺门店 end-->

    </div>
    <!-- 编辑end -->

    <!-- 审核 start -->
    <div v-show="showListAudit">

        <!-- 操作 start -->
        <div class="panel-default" style="display: block;margin-bottom: 10px;" align="center">
            <!-- 审核 -->
            <div style="padding: 5px 0;" class="container">
                <div class="row">
                    <div class="col-md-4 col-md-offset-4">
                        <el-button size="small" class="pull-left" style="width: 120px;" @click="reload">取消</el-button>
                        <el-button type="primary" size="small" class="pull-right" style="width: 120px;" @click="sellerInfoValidity">审核</el-button>
                    </div>
                </div>
            </div>
        </div>
        <!-- 操作 end -->

        <!-- 审核信息 start -->
        <div class="panel panel-default">
            <div class="panel-heading">审核</div>
            <div class="box-body">
                <div class="container">
                    <div class="row">
                        <div class="col-md-6">
                            <form class="form-horizontal">
                                <div class="form-group">
                                    <div class="col-md-3 control-label"><span style="color: red">*&nbsp;</span>审核结果：</div>
                                    <div class="col-md-9">
                                        <template>
                                            <el-radio v-model="sellerInfo.sellerState" label="3">通过</el-radio>
                                            <el-radio v-model="sellerInfo.sellerState" label="2">不通过</el-radio>
                                        </template>
                                    </div>
                                </div>
                            </form>
                        </div>
                        <div class="col-md-6">
                            <form class="form-horizontal">
                                <div class="form-group">
                                    <div class="col-md-3 control-label">审核备注：</div>
                                    <div class="col-md-9">
                                        <textarea class="form-control" rows="3" v-model="sellerInfo.overruleRemarks"></textarea>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 审核信息 end -->

        <!-- 审核结果 start -->
        <div  class="panel panel-default" v-if="ocrResultVisible || checkResultVisible">
            <div class="panel-heading">
                检测结果
                &nbsp;&nbsp;&nbsp;&nbsp;
                <span style="color: red;vertical-align: baseline;">若识别结果有误，请进行人工审核</span>
                &nbsp;&nbsp;&nbsp;&nbsp;
                <a href="javascript:;" class="btn btn-success btn-sm" @click="audit">人工审核</a>
            </div>
            <div class="panel-body">
                <div class="container">
                    <div class="row">
                        <form class="form-horizontal">
                            <div class="form-group" v-if="ocrResultVisible">
                                营业执照识别结果：
                                <br/>
                                公司名称：{{ocrResult.name == 'FailInRecognition' ? '未识别' : ocrResult.name}}
                                <br/>
                                公司地址：{{ocrResult.address == 'FailInRecognition' ? '未识别' : ocrResult.address}}
                                <br/>
                                公司法人：{{ocrResult.person == 'FailInRecognition' ? '未识别' : ocrResult.person}}
                                <br/>
                                公司类型：{{ocrResult.type == 'FailInRecognition' ? '未识别' : ocrResult.type}}
                                <br/>
                                注册资本：{{ocrResult.capital == 'FailInRecognition' ? '未识别' : ocrResult.capital}}
                                <br/>
                                公司注册日期：{{ocrResult.establish_date == 'FailInRecognition' ? '未识别' : ocrResult.establish_date}}
                                <br/>
                                公司营业期限终止日期：{{ocrResult.valid_period == 'FailInRecognition' ? '未识别' : ocrResult.valid_period}}
                                <br/>
                                经营范围：{{ocrResult.business == 'FailInRecognition' ? '未识别' : ocrResult.business}}
                            </div>

                            <div class="form-group" v-if="checkResultVisible">
                                工商数据查询结果：
                                <br/>
                                公司名称：{{checkResult.Name}}
                                <br/>
                                法人名称：{{checkResult.OperName}}
                                <br/>
                                成立日期：{{checkResult.StartDate}}
                                <br/>
                                企业状态：{{checkResult.Status}}
                                <br/>
                                注册号：{{checkResult.No}}
                                <br/>
                                社会统一信用代码：{{checkResult.CreditCode}}
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <!-- 审核结果 end -->

        <!-- 主要信息 start -->
        <div  class="panel panel-default">
            <div class="panel-heading">主要信息</div>
            <div class="panel-body">
                <div class="container">
                    <div class="row">
                        <div class="col-md-6">
                            <form class="form-horizontal">
                                <div class="form-group">
                                    <div class="col-md-3 control-label"><span style="color: red">*&nbsp;</span>供应商名称：</div>
                                    <div class="col-md-9">
                                        <span>{{sellerInfo.sellerName}}</span>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="col-md-3 control-label"><span style="color: red">*&nbsp;</span>门头名称：</div>
                                    <div class="col-md-9">
                                        <span>{{sellerInfo.doorheadName}}</span>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="col-md-3 control-label"><span style="color: red">*&nbsp;</span>联系人：</div>
                                    <div class="col-md-9">
                                        <span>{{sellerInfo.name}}</span>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="col-md-3 control-label"><span style="color: red">*&nbsp;</span>手机号码：</div>
                                    <div class="col-md-9">
                                        <span>{{sellerInfo.sellerMobile}}</span>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="col-md-3 control-label"><span style="color: red">*&nbsp;</span>QQ号：</div>
                                    <div class="col-md-9">
                                        <span>{{sellerInfo.sellerQq}}</span>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="col-md-3 control-label"><span style="color: red">*&nbsp;</span>邮箱：</div>
                                    <div class="col-md-9">
                                        <span>{{sellerInfo.sellerEmail}}</span>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="col-md-3 control-label"><span style="color: red">*&nbsp;</span>公司地址：</div>
                                    <div class="col-md-9">
                                        <span style="vertical-align: sub;color: grey">{{sellerInfo.area}}</span>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="col-md-3 control-label"><span style="color: red">*&nbsp;</span>详细地址：</div>
                                    <div class="col-md-9">
                                        <span>{{sellerInfo.addr}}</span>
                                    </div>
                                </div>
                                <div class="form-group form-inline">
                                    <div class="col-md-3 control-label"><span style="color: red">*&nbsp;</span>经纬度：</div>
                                    <div class="col-md-9">
                                        <span>{{sellerInfo.longitude}}</span>
                                        &nbsp;&nbsp;&nbsp;
                                        <span>{{sellerInfo.latitude}}</span>
                                    </div>
                                </div>
                            </form>
                        </div>
                        <div class="col-md-6" id="auditViewer">
                            <form class="form-horizontal">
                                <div class="form-group">
                                    <div class="col-md-3 control-label"><span style="color: red">*&nbsp;</span>门头照：</div>
                                    <div class="col-md-4">
                                        <div class="thumbnail">
                                            <template v-if="typeof sellerInfo.logoUrlAddr != 'undefined' && !isBlank(sellerInfo.logoUrlAddr)">
                                                <img :src="window.parent.vm.ossHost + sellerInfo.logoUrlAddr">
                                            </template>
                                            <template v-else>
                                                <img src="/statics/img/logo/logo.jpg">
                                            </template>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="col-md-3 control-label"><span style="color: red">*&nbsp;</span>营业执照：</div>
                                    <div class="col-md-4">
                                        <div class="thumbnail">
                                            <template v-if="typeof sellerInfo.businessUrlAddr != 'undefined' && !isBlank(sellerInfo.businessUrlAddr)">
                                                <img :src="window.parent.vm.ossHost + sellerInfo.businessUrlAddr">
                                            </template>
                                            <template v-else>
                                                <img src="/statics/img/logo/logo.jpg">
                                            </template>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 主要信息 end -->

        <!-- 其他信息 start-->
        <div class="panel panel-default">
            <div class="panel-heading">其他信息</div>
            <div class="box-body">
                <div class="container">
                    <div class="row">
                        <div class="col-md-6">
                            <form class="form-horizontal">
                                <div class="form-group">
                                    <div class="col-md-3 control-label">所属类别：</div>
                                    <div class="col-md-9">
                                        <span>{{sellerInfo.operateType}}</span>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <div class="col-md-3 control-label">门店座机：</div>
                                    <div class="col-md-9">
                                        <span>{{sellerInfo.machineNumber}}</span>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <div class="col-xs-3 control-label">业务员：</div>
                                    <div class="col-md-9">
                                        <span>{{sellerInfo.salesman}}</span>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <div class="col-md-3 control-label">业务员电话：</div>
                                    <div class="col-md-9">
                                        <span>{{sellerInfo.salesmanMobile}}</span>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <div class="col-md-3 control-label">月交易规模：</div>
                                    <div class="col-md-9">
                                        <span>{{sellerInfo.monthlyTradingScale}}</span>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <div class="col-md-3 control-label">支持服务：</div>
                                    <div class="col-md-9">
                                        <el-checkbox-group v-model="supportServiceArr">
                                            <el-checkbox label="1" disabled>货到付款</el-checkbox>
                                            <el-checkbox label="2" disabled>在线支付</el-checkbox>
                                        </el-checkbox-group>
                                    </div>
                                </div>
                            </form>
                        </div>
                        <div class="col-md-6">
                            <form class="form-horizontal">
                                <div class="form-group">
                                    <div class="col-md-3 control-label">店铺描述：</div>
                                    <div class="col-md-9">
                                        <span>{{sellerInfo.description}}</span>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="col-md-3 control-label">经营业务：</div>
                                    <div class="col-md-9">
                                        <span>{{sellerInfo.brief}}</span>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 其他信息 end-->

        <!-- 连锁店铺门店 start -->
        <div class="panel panel-default" v-if="mainStores != ''">
            <div class="panel-heading">连锁店铺门店</div>
            <div class="box-body">
                <br/>
                <div class="container">
                    <div class="row" id="auditStoresViewer">
                        <div class="col-md-3 text-center" v-for="(store, index) in mainStores">
                                <div class="thumbnail">
                                    <template v-if="typeof store.logoUrlAddr != 'undefined' && !isBlank(store.logoUrlAddr)">
                                        <img :src="window.parent.vm.ossHost + store.logoUrlAddr + '?x-oss-process=image/resize,h_120'">
                                    </template>
                                    <template v-else>
                                        <img src="/statics/img/logo/logo_s.jpg">
                                    </template>
                                    <div class="caption" style="height: 90px;">
                                        <h5 :class="{'text-primary':store.sellerName == sellerInfo.sellerName}">{{store.sellerName}}</h5>
                                        <p v-if="index == 0">
                                            <span>总店</span>
                                        </p>
                                        <p v-else>
                                            <span>分店{{index}}</span>
                                        </p>
                                    </div>
                                </div>
                            </div>
                     </div>
                </div>
            </div>
        </div>
        <!-- 连锁店铺门店 end-->

    </div>
    <!-- 审核 end -->

    <!-- 录入业务员 -->
    <el-dialog title="录入业务员信息" :visible.sync="smFormVisible" width= "30%">
        <el-form size="medium">
            <el-form-item label="商家名：" :label-width="formLabelWidth">
                <div class="sub-title">{{sm.sellerName}}</div>
            </el-form-item>
            <el-form-item label="业务员：" :label-width="formLabelWidth">
                <el-input v-model="sm.salesman" auto-complete="off"></el-input>
            </el-form-item>
            <el-form-item label="手机号：" :label-width="formLabelWidth">
                <el-input v-model="sm.salesmanMobile" auto-complete="off"></el-input>
            </el-form-item>
        </el-form>
        <div slot="footer" class="dialog-footer">
            <el-button size="small" @click="smFormVisible = false">取 消</el-button>
            <el-button size="small" @click="salesmanAdd" type="primary">确 定</el-button>
        </div>
    </el-dialog>

    <!-- 设置总店 -->
    <el-dialog title="总店设置" :visible.sync="msFormVisible" width= "30%">
        <el-form size="medium">
            <el-form-item>
                <div class="sub-title text-info" style="text-align: center">将以下分店设置成总店，更改之后将对应更改其权限</div>
            </el-form-item>
            <el-form-item label="总店：" :label-width="formLabelWidth">
                <div class="sub-title">{{ms.mainStoreName}}</div>
            </el-form-item>
            <el-form-item label="分店：" :label-width="formLabelWidth">
                <div class="sub-title">{{sellerInfo.sellerName}}</div>
            </el-form-item>
        </el-form>
        <div slot="footer" class="dialog-footer">
            <el-button size="small" @click="msFormVisible = false">取 消</el-button>
            <el-button size="small" type="primary" @click="setMainStore">确 定</el-button>
        </div>
    </el-dialog>

    <!-- 录入备注 -->
    <el-dialog title="录入备注信息" :visible.sync="rmFormVisible" width= "30%" append-to-body>
        <el-form size="medium">
            <el-form-item label="商家名：" :label-width="formLabelWidth">
                <div class="sub-title">{{rm.sellerName}}</div>
            </el-form-item>
            <el-form-item label="备注：" :label-width="formLabelWidth">
                <el-input type="textarea" v-model="rm.remarks"></el-input>
            </el-form-item>
        </el-form>
        <div slot="footer" class="dialog-footer">
            <el-button size="small" @click="rmFormVisible = false">取 消</el-button>
            <el-button size="small" @click="remarkAdd" type="primary">确 定</el-button>
        </div>
    </el-dialog>

    <!-- 备注列表 -->
    <el-dialog title="备注信息" :visible.sync="rmTableVisible" width= "30%" >
        <el-table :data="remarks" size="small">
            <el-table-column property="srRemarks" label="备注"></el-table-column>
            <el-table-column property="srCreateName" label="创建人"></el-table-column>
            <el-table-column property="srCreateTime" label="创建时间"></el-table-column>
        </el-table>
        <div slot="footer" class="dialog-footer">
            <el-button size="small" @click="rmTableVisible = false">取 消</el-button>
            <el-button size="small" type="primary" @click="rmFormVisible = true">添加</el-button>
        </div>
    </el-dialog>

    <!-- 初始化商品 -->
    <el-dialog title="初始化商品" :visible.sync="copyGoodsVisible" width= "30%" >
        <el-form size="medium">
            <el-form-item label="sellerId：" :label-width="formLabelWidth">
                <el-input type="textarea" v-model="copyGoodsSellerIds"></el-input>
            </el-form-item>
        </el-form>
        <div slot="footer" class="dialog-footer">
            <el-button size="small" @click="copyGoodsVisible = false">取 消</el-button>
            <el-button size="small" @click="copyGoodsBatch" type="primary">确 定</el-button>
        </div>
    </el-dialog>

</div>

<script src="${request.contextPath}/statics/js/modules/supp/sellerinfo.js?_${.now?long}"></script>
</body>
</html>